@import "../lib/fonts/iconfont.css";
/*html{
    webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    filter: gray;
}*/
[v-cloak] {display: none !important}
.ok-body {padding: 10px}
/*多条件搜索框*/
/*.ok-search{margin-top:15px}*/
.ok-search .layui-input {width: 190px;padding-left: 10px;margin-left: 10px;float: left}
.ok-search .layui-input:first-child {margin-left: 0}
.ok-search .layui-btn {margin-left: 10px}
@media screen and (max-width: 768px) {
    .ok-search .layui-input {width: 100%;margin-left: 0;margin-top: 10px}
    .ok-search .layui-btn {margin-left: 0;margin-top: 10px}
}
.ok-search-form {margin-bottom: -15px;}
.ok-search-form .layui-form-item .layui-inline .layui-input-inline {margin-bottom: 5px;}
/*表单*/
.ok-form {margin-top: 10px}
/*滚动条样式一*/
::-webkit-scrollbar {width: 8px; height: 8px;}
::-webkit-scrollbar-button:vertical {display: none;}
::-webkit-scrollbar-track, ::-webkit-scrollbar-corner {background-color: #e2e2e2;}
::-webkit-scrollbar-thumb {border-radius: 0; background-color: rgba(0, 0, 0, .3);}
::-webkit-scrollbar-thumb:vertical:hover {background-color: rgba(0, 0, 0, .35);}
::-webkit-scrollbar-thumb:vertical:active {background-color: rgba(0, 0, 0, .38);}
/*滚动条样式二*/
/*
.not-scroll::-webkit-scrollbar{height:0;width:0;background:0 0;display:none}
.scrollBody::-webkit-scrollbar{display:none}
.scrollBody::-webkit-scrollbar,::-webkit-scrollbar{width:8px;height:8px;background-color:#f5f5f5}
.scrollBody::-webkit-scrollbar-track,::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);background-color:#fff}
.scrollBody::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#a8a8a8}
.ok-body-scroll::-webkit-scrollbar,::-webkit-scrollbar{width:8px;height:8px;background-color:#fff}
.ok-body-scroll::-webkit-scrollbar-track,::-webkit-scrollbar-track{background-color:#fff;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.2)}
.ok-body-scroll::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);background-color:#dadada}
*/
/**占满屏幕**/
.page-fill {width: 100%;height: 100%;display: block;box-sizing: border-box}
/**card**/
.ok-card-body {padding: 20px;position: relative;width: 100%;box-sizing: border-box}
.ok-card-body-tb {padding: 20px 0;position: relative;width: 100%;box-sizing: border-box}
.ok-card-title {color: #212529;font-size: 14px;padding-bottom: 20px;font-weight: bolder}
.ok-card {-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .08);box-shadow: 0 0 20px rgba(0, 0, 0, .08);border-radius: 5px}
/**断行**/
.wp1 {word-break: break-all}
/*只对英文起作用，以字母作为换行依据*/
.wp2 {word-wrap: break-word}
/*只对英文起作用，以单词作为换行依据*/
.wp3 {white-space: pre-wrap}
/*只对中文起作用，强制换行*/
.wp4 {white-space: nowrap}
/**边距**/
.p0 {padding: 0 !important}
.ptb0 {padding-top: 0 !important;padding-bottom: 0 !important}
.plr0 {padding-left: 0 !important;padding-right: 0 !important}
.p15 {padding: 15px !important;}
.p20 {padding: 20px !important;}
.ptb20 {padding-top: 20px !important;padding-bottom: 20px !important}
.plr20 {padding-left: 20px !important;padding-right: 20px !important}
.pl20 {padding-left: 20px !important}
.pr20 {padding-right: 20px !important}
/**浮动**/
.f-left {float: left}
.f-right {float: right}
.pull-left {float: left}
.pull-right {float: right}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
/**卡片样式**/
.my-cart {-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .08);box-shadow: 0 0 20px rgba(0, 0, 0, .08);border-radius: 5px}
/**颜色**/
.bg-white {background: #fff !important}
.col-white {color: #fff !important}
.childrenBody {padding: 15px;background-color: #f1f2f7}
.ok-card-list {padding: 15px}
.ok-card-list .ok-big-font {font-size: 36px;color: #666;line-height: 36px;padding: 5px 0 10px;overflow: hidden;text-overflow: ellipsis;word-break: break-all;white-space: nowrap}
/*进度条颜色*/
.per-bg-a {background: #00c292 !important}
.per-bg-b {background: #9a66e4 !important}
.per-bg-c {background: #03a9f3 !important}
.per-bg-d {background: #fb9678 !important}
.per-bg-e {background: #ed4014 !important}
.per-bg-f {background: #ab8ce4 !important}
.per-bg-g {background: #e46cbb !important}
/* MARGINS & PADDINGS */
.no-borders {border: none !important;}
.no-padding {padding: 0 !important;}
.p-xxs {padding: 5px;}
.p-xs {padding: 10px;}
.p-sm {padding: 15px;}
.p-m {padding: 20px;}
.p-md {padding: 25px;}
.p-lg {padding: 30px;}
.p-xl {padding: 40px;}
.p-r-xxs {padding-right: 5px;}
.p-l-xxs {padding-left: 5px;}
.p-l-xs {padding-left: 10px;}
.p-l-sm {padding-left: 15px;}
.p-r-sm {padding-right: 15px;}
.p-lr-sm {padding: 0px 15px;}
.p-tr-sm {padding: 15px 15px 0px 0px;}
.p-tr-xs {padding: 10px 10px 0px 0px;}
.p-t-xxs {padding: 5px 0px 0px 0px;}
.no-margins {margin: 0 !important;}
.m-xxs {margin: 2px 4px;}
.m-xs {margin: 5px;}
.m-sm {margin: 10px;}
.m {margin: 15px;}
.m-md {margin: 20px;}
.m-lg {margin: 30px;}
.m-xl {margin: 50px;}
.m-n {margin: 0 !important;}
.m-l-none {margin-left: 0;}
.m-l-xs {margin-left: 5px;}
.m-l-sm {margin-left: 10px;}
.m-l {margin-left: 15px;}
.m-l-md {margin-left: 20px;}
.m-l-lg {margin-left: 30px;}
.m-l-xl {margin-left: 40px;}
.m-l-n-xxs {margin-left: -1px;}
.m-l-n-xs {margin-left: -5px;}
.m-l-n-sm {margin-left: -10px;}
.m-l-n {margin-left: -15px;}
.m-l-n-md {margin-left: -20px;}
.m-l-n-lg {margin-left: -30px;}
.m-l-n-xl {margin-left: -40px;}
.m-t-none {margin-top: 0;}
.m-t-xxs {margin-top: 1px;}
.m-t-xs {margin-top: 5px;}
.m-t-sm {margin-top: 10px;}
.m-t {margin-top: 15px;}
.m-t-md {margin-top: 20px;}
.m-t-lg {margin-top: 30px;}
.m-t-xl {margin-top: 40px;}
.m-t-n-xxs {margin-top: -1px;}
.m-t-n-xs {margin-top: -5px;}
.m-t-n-sm {margin-top: -10px;}
.m-t-n {margin-top: -15px;}
.m-t-n-md {margin-top: -20px;}
.m-t-n-lg {margin-top: -30px;}
.m-t-n-xl {margin-top: -40px;}
.m-r-none {margin-right: 0;}
.m-r-xxs {margin-right: 1px;}
.m-r-xs {margin-right: 5px;}
.m-r-sm {margin-right: 10px;}
.m-r {margin-right: 15px;}
.m-r-md {margin-right: 20px;}
.m-r-lg {margin-right: 30px;}
.m-r-xl {margin-right: 40px;}
.m-r-n-xxs {margin-right: -1px;}
.m-r-n-xs {margin-right: -5px;}
.m-r-n-sm {margin-right: -10px;}
.m-r-n {margin-right: -15px;}
.m-r-n-md {margin-right: -20px;}
.m-r-n-lg {margin-right: -30px;}
.m-r-n-xl {margin-right: -40px;}
.m-b-none {margin-bottom: 0;}
.m-b-xxs {margin-bottom: 1px;}
.m-b-xs {margin-bottom: 5px;}
.m-b-sm {margin-bottom: 10px;}
.m-b {margin-bottom: 15px;}
.m-b-md {margin-bottom: 20px;}
.m-b-lg {margin-bottom: 30px;}
.m-b-xl {margin-bottom: 40px;}
.m-b-xl1 {margin-bottom: 42px;}
.m-b-n-xxs {margin-bottom: -1px;}
.m-b-n-xs {margin-bottom: -5px;}
.m-b-n-sm {margin-bottom: -10px;}
.m-b-n {margin-bottom: -15px;}
.m-b-n-md {margin-bottom: -20px;}
.m-b-n-lg {margin-bottom: -30px;}
.m-b-n-xl {margin-bottom: -40px;}
.space-10 {margin: 10px 0;}
.space-15 {margin: 15px 0;}
.space-20 {margin: 20px 0;}
.space-25 {margin: 25px 0;}
.space-30 {margin: 30px 0;}
/* 顶部固定 */
.ibox {clear: both;margin-bottom: 25px;margin-top: 0;padding: 0;}
.fixBoxTitle {position: -webkit-sticky;position: sticky;top: 5px;right: 15px;z-index: 9999;width: 100%;background: white;display: block;border-bottom: 1px solid #DBDBDB;}
/* 虚线 */
.hr-line-dashed {border-top: 1px dashed #e7eaec;color: #ffffff;background-color: #ffffff;height: 1px;}
